<template>
	<view>
		<u-tabbar
			:value="active"
			:placeholder="false"
		
		>
			<u-tabbar-item text="首页" icon="home" @click="home" ></u-tabbar-item>
			<u-tabbar-item text="资讯" icon="order" @click="articleList" ></u-tabbar-item>
			<button open-type="contact" class="contact" style="line-height:40rpx; padding-top:10rpx;">
				<u-tabbar-item text="客服" icon="kefu-ermai" ></u-tabbar-item>
			</button> 
			<u-tabbar-item text="我的" icon="account" @click="user" ></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			articleList(){
				uni.reLaunch({
					url:'/pages/article/article'
				})
			},
			home(){
				uni.reLaunch({
					url:'/pages/index/index'
				})
			},
			life(){
				uni.reLaunch({
					url:'/pages/tourismLife/tourismLife'
				})
			}
			,
			user(){
				uni.reLaunch({
					url:'/pages/my/user'
				})
			}
		},
		props:{
			active:{
				type:Number
			}
		}
	}
</script>

<style>
	button::after,.contact{
		border:none !important;
		background-color: transparent !important;
	}
</style>
